<template>
  <p>v-model</p>
  <el-input v-model="input" placeholder="Please input" />
  <p>input:{{ input }}</p>


  
<el-radio-group v-model="radio1" class="ml-4">
  <el-radio label="1" size="large">Option 1</el-radio>
  <el-radio label="2" size="large">Option 2</el-radio>
</el-radio-group>
<p>radio1:{{radio1}}</p>


<div>
    <el-checkbox v-model="checked1" label="Option 1" size="large" />
    <el-checkbox v-model="checked2" label="Option 2" size="large" />
  </div> 
  <p>checked1 : {{ checked1 }}</p>
  <p>checked2 : {{ checked2 }}</p>

</template>
 

<script setup>
import { ref } from 'vue'
const input = ref('')

const radio1 = ref('1')

const checked1 = ref(true)
const checked2 = ref(false)


</script>